<template>
	<div id="login">
		<div class="content">
			<div class="main">
				<div class="title"></div>
				<div class="main_">
					<div class="userWarp">
						<span class="iconfont">&#xe76d;</span>|
						<input type="text" placeholder="用户名" v-model="userName"/>
					</div>
					<div class="passWarp">
						<span class="iconfont">&#xe615;</span>|
						<input type="text" placeholder="密码" v-model="passWord"/>
					</div>
					<div class="handle">
						<el-checkbox v-model="remember">记住密码</el-checkbox>
						<span>|</span>
						<span>立即注册</span>
					</div>
					<div class="btnWarp">
						<el-button @click="login" class="login" type="primary">登录</el-button>
					</div>
				</div>
			</div>
		</div>
		<TmcFooter/>
	</div>
</template>

<script>
	import main from './main';
	export default {
		...main
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
	@import "../../style/mixin.scss";
	@import "./style.scss";
</style>